import React, {Component} from 'react';
import Markdown from 'react-markdown';
import {Anchor, Row, Col} from 'antd';

const {Link} = Anchor;

class JsPage extends Component {
    constructor(props) {
        super(props);
    }
    render() {

        return (
            <div style={{background:"#c0d2bc"}}>
                <Row>
                    <Col span={19}>
                        <h3 id="mq用来做什么"> mq用来做什么 </h3>
                        <Markdown source={"不能写冒点。"}/>
                        <h3 id="Producer"> Producer </h3>
                        <Markdown source={"不能写冒点。"}/>
                        <h3 id="Consumer"> Consumer </h3>
                        <div align="center"><img style={{maxHeight:"500px"}} src=""/></div>
                        <Markdown source={"不能写冒点。"}/>

                    </Col>
                    <Col span={5}>
                        <Anchor showInkInFixed="true" style={{background:"#ebefe0"}}>
                            <Link href="#mq用来做什么" title="mq用来做什么"/>
                            <Link href="#Producer" title="Producer"/>
                            <Link href="#Consumer" title="Consumer"/>

                        </Anchor>
                    </Col>
                </Row>
            </div>

        );
    }
}

export default JsPage;